$(document).ready(
		function() {
			MC.monthlyChart = function(renderTo, type, xAxis, yAxis) {
				var chart = new Highcharts.Chart({
					chart : {
						renderTo : renderTo,
						type : type
					},
					title : {
						text : ''
					},
					subtitle : {
						text : ''
					},
					xAxis : {
						categories : xAxis
					},
					yAxis : {
						title : {
							text : 'Amount ($)'
						}
					},
					tooltip : {
						enabled : true,
						formatter : function() {
							return '<b>' + this.series.name + '</b><br/>'
									+ this.x + ': ' + this.y;
						}
					},
					plotOptions : {
						line : {
							dataLabels : {
								enabled : false
							},
							enableMouseTracking : true,
							cursor : 'pointer',
							point : {
								events : {
									click : function() {
										console.log(this.series.name);
										MC.Events.trigger('MC_CLICK_CARD_COLUMN', this.series.name);
									}
								}
							},
						},
						column : {
							cursor : 'pointer',
							point : {
								events : {
									click : function() {
										console.log(this.series.name);
										MC.Events.trigger('MC_CLICK_CARD_COLUMN', this.series.name);
									}
								}
							},
						}
					},
					series : yAxis
				});
			};
			
			MC.categoryChart = function(renderTo, pairs) {
				chart = new Highcharts.Chart(
						{
							chart : {
								renderTo : renderTo,
								plotBackgroundColor : null,
								plotBorderWidth : null,
								plotShadow : false
							},
							title : {
								text : 'Spending by category'
							},
							tooltip : {
								pointFormat : '<b>{point.percentage}%</b>',
								percentageDecimals : 1
							},
							plotOptions : {
								pie : {
									allowPointSelect : true,
									cursor : 'pointer',
									dataLabels : {
										enabled : true,
										color : '#000000',
										connectorColor : '#000000',
										formatter : function() {
											return '<b>' + this.point.name
													+ '</b>: $' + this.y;
										}
									}
								}
							},
							series : [ {
								type : 'pie',
								name : 'Spending by category',
								data : pairs,
								point : {
									events : {
										click : function(e) {
											console.log('click');
											MC.Events.trigger("MC_CLICK_PIE",
													this.name);
										}
									}
								},

							} ]
						});
			};
		});